<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>Title</title>
  <link href="css/xuexiaoguanli.css" rel="stylesheet"/>
</head>
<body>
<header></header>
<main>
  <section>
    <div class="zhezhaocen" id="zhezhaocen">
    <div class="shi_div"><span>选择市：</span><select class="shi" id="shi">
    </select></div>
      <span class="iconfont  shousuo">&#xe76d;</span>
    <div class="shuju">
      <button class="shanchu1" id="pilaing">批量删除</button>
      <button class="tianjia" >添加</button>
    </div>
    <div class="biaoge" id="box">
       <table id="biaoge">
         <thead>
        <td class="d1 d1cl" id="duo"><input type="checkbox"/></td>
         <td class="d1 d1cl">编号</td>
        <td class="d1 d1cl">学校名称</td>
           <td class="d1 d1cl">校长</td>
           <td class="d1 d1cl">录入时间</td>
          <td class="d1 d1cl">操作</td>
         </thead>
         <tbody class="father" id="fu">
         </tbody>
       </table>

      <!--        分页-->
      <div class="de_pageBt"><button class="de_pageBtActive" type="button">1</button></div>

    </div>
    </div>
    <!--添加-->
    <div id="popBox">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox()">关闭</a></div>
    <div >
      <span>学校名称</span>
      <input type="text" id="name"/>
    </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text"/>
      </div>
      <div class="dianhua" >
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i&nbsp;&nbsp;d</span>
        <input type="text" id="id"/>
      </div>
      <div class="dianhua" >
        <span>负责部门</span>
        <select class="s2" id="bumen"></select>

      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3"  id="fuze"></select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text"  id="xiaoz">
      </div>
      <div class="xiaoz">
        <span>城市编号</span>
        <input type="text" id="cityNode">
      </div>
      <div class="xiaoz">
        <span >录入&nbsp;&nbsp;&nbsp;&nbsp;时间</span>
        <input type="text" id="luren">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" class="in1">
      </div>
      <button class="qued" id="qued1">确定添加</button>
      <button class="quxiao" id="quxiao">取消</button>
    </div>
    <div id="popBox1">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox1()">关闭</a></div>
      <div class="name">

        <span>学校名称</span>
        <input type="text" value="成都第一中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-7876556"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="300"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="1000Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="肖明">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="2500">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="187.76.9.11">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1980年。" class="in1">
      </div>
      <button class="qued">确定修改</button>
      <button class="quxiao">取消</button>
    </div>
    <div id="popBox2">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox2()">关闭</a></div>
      <div class="name">
        <span>学校名称</span>
        <input type="text" value="成都第二中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-8878768"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="500"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="3000Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="谭薇">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="2000">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="187.98.7.12">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1960年。" class="in1">
      </div>
      <button class="qued">确定修改</button>
      <button class="quxiao">取消</button>
    </div>
    <div id="popBox3">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox3()">关闭</a></div>
      <div class="name">
        <span>学校名称</span>
        <input type="text" value="成都第三中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-3213455"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="200"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="800Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="李天">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="1500">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="198.87.2.9">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1990年。" class="in1">
      </div>
      <button class="qued">确定修改</button>
      <button class="quxiao">取消</button>
    </div>
    <div id="popBox4">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox4()">关闭</a></div>
      <div class="name">
        <span>学校名称</span>
        <input type="text" value="成都市第四中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-32334455"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="600"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="4000Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="张翠花">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="3000">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="176.98.0.81">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1930年。" class="in1">
      </div>
      <button class="qued">确定修改</button>
      <button class="quxiao">取消</button>
    </div>
    <div id="popBox5">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox5()">关闭</a></div>
      <div class="name">
        <span>学校名称</span>
        <input type="text" value="成都市第四中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-32334455"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="600"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="4000Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="张翠花">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="3000">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="176.98.0.81">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1930年。" class="in1">
      </div>
    </div>
    <div id="popBox6">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox6()">关闭</a></div>
      <div class="name">
        <span>学校名称</span>
        <input type="text" value="成都第三中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-3213455"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="200"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="800Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="李天">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="1500">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="198.87.2.9">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1990年。" class="in1">
      </div>
    </div>
    <div id="popBox7">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox7()">关闭</a></div>
      <div class="name">
        <span>学校名称</span>
        <input type="text" value="成都第二中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-8878768"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="500"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="3000Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="谭薇">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="2000">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="187.98.7.12">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1960年。" class="in1">
      </div>
    </div>
    <div id="popBox8">
      <div class="close"> <a href="javascript:void(0)" onclick="closeBox8()">关闭</a></div>
      <div class="name">

        <span>学校名称</span>
        <input type="text" value="成都第一中学"/>
      </div>
      <div class="dizhi">
        <span>学校地址</span>
        <input type="text" value="四川成都市XX街道"/>
      </div>
      <div class="dianhua">
        <span>电话号码</span>
        <input type="text" value="028-7876556"/>
      </div>
      <div class="dianhua">
        <span>老师人数</span>
        <input type="text" value="300"/>
      </div>
      <div class="dianhua">
        <span>宽带流量</span>
        <input type="text" value="1000Mb"/>
      </div>
      <div class="dianhua">
        <span>负责部门</span>
        <select class="s2">
          <option>教育部</option>
        </select>
      </div>
      <div class="dianhua">
        <span>负责人</span>
        <select class="s3">
          <option>小李</option>
        </select>
      </div>
      <div class="chengshi">
        <span>所属城市</span>
        <input type="text" value="成都市">
      </div>
      <div class="xiaoz">
        <span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长</span>
        <input type="text" value="肖明">
      </div>
      <div class="xiaoz">
        <span>学生人数</span>
        <input type="text" value="2500">
      </div>
      <div class="xiaoz">
        <span>Ip&nbsp;&nbsp;&nbsp;&nbsp;地址</span>
        <input type="text" value="187.76.9.11">
      </div>
      <div class="xiaoz">
        <span>说&nbsp;&nbsp;&nbsp;&nbsp;明</span>
        <input type="text" value="成都市第一中学建于1980年。" class="in1">
      </div>
    </div>
  </section>j
</main>
<footer></footer>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
<script type="text/javascript" src="js/xuexiaoguanli.js"></script>
</body>
</html>
